﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>数据库表</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<script src="../../../scripts/boot.js" type="text/javascript"></script>
</head>
<body>

    <h3>数据库表</h3>
    <!--按钮栏-->
    <div style="width:100%;">
        <div class="mini-toolbar" style="border-bottom:0;padding:0px;">
            <table style="width:100%;">
                <tr>
                    <td style="width:100%;">
                        <!--<a class="mini-button" iconCls="icon-edit" onclick="edit()">编辑</a>-->
                        <a class="mini-button" iconCls="icon-add" onclick="relationship()">主子表关系</a>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!--表1-->
    <div id="datagrid1" class="mini-datagrid" style="width:100%;"
         onselectionchanged="SelectionChanged" idField="id" multiSelect="false">
        <div property="columns">
            <!--<div type="indexcolumn"></div>-->
            <div type="checkcolumn" ></div>
            <div field="tableClassId" width="120" headerAlign="center" align="center" allowSort="true">ID</div>
            <div field="tableClassName" width="120" headerAlign="center" align="center" allowSort="true">表名</div>
            <div field="tableChClassName" width="120" headerAlign="center" align="center" allowSort="true">中文表名</div>
        </div>
    </div>


    <!--行内可编辑表单-->
    <div id="editForm1" style="display:none;padding:5px;position:relative;">
        <input class="mini-hidden" name="id"/>
        <table style="width:100%;">
            <tr>
                <td style="width:80px;">ID：</td>
                <td style="width:150px;"><input name="tableId" class="mini-textbox" readonly/></td>
                <td style="width:80px;">中文字段名：</td>
                <td style="width:150px;"><input name="fieldCh" class="mini-textbox" /></td>
                <td style="text-align:right;padding-top:5px;padding-right:20px;" colspan="6">
                    <a class="Update_Button" href="javascript:updateRow();">保存</a>
                    <a class="Cancel_Button" href="javascript:cancelRow();">关闭</a>
                </td>
            </tr>
            <!--<tr>-->
                <!--<td style="text-align:right;padding-top:5px;padding-right:20px;" colspan="6">-->
                    <!--<a class="Update_Button" href="javascript:updateRow();">更新</a>-->
                    <!--<a class="Cancel_Button" href="javascript:cancelRow();">关闭</a>-->
                <!--</td>-->
            <!--</tr>-->
        </table>
    </div>
    <!--行内可新增表单-->
    <div id="addForm2" style="display:none;padding:5px;position:relative;">
        <input class="mini-hidden" name="id"/>
        <table style="width:100%;">
            <tr>
                <td style="width:100px;text-align: center">字段（英文）：</td>
                <td style="width:150px;"><input name="fieId" class="mini-textbox" /></td>
                <td style="width:100px;text-align: center">字段（中文）：</td>
                <td style="width:150px;"><input name="fieldCh" class="mini-textbox" /></td>
                <td style="width:100px;text-align: center">类型：</td>
                <td><input name="type" class="mini-combobox" data="typeDatas" textField="text"/></td>
                <td>是否为空：</td>
                <td><input name="notNull" class="mini-combobox" data="isno" textField="text"/></td>
            </tr>
            <tr>
                <td style="text-align:right;padding-top:5px;padding-right:20px;" colspan="8">
                    <a class="Update_Button" href="javascript:saveRow();">保存</a>
                    <a class="Cancel_Button" href="javascript:cancelRow();">关闭</a>
                </td>
            </tr>
        </table>
    </div>


    <!-- 表二内容区 -->
    <h3>详细结构</h3>
    <div id="datagrid2" class="mini-datagrid" style="width:100%;height:60vh;" allowResize="true"
         url="" idField="tableId" multiSelect="true">
        <div property="columns">
            <!--<div type="indexcolumn"></div>-->
            <!--<div type="checkcolumn" ></div>-->
            <div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">编辑</div>
            <div field="tableId" width="120" headerAlign="center" align="center" allowSort="true">ID</div>
            <div field="field" width="120" headerAlign="center" align="center" allowSort="true">字段名</div>
            <div field="fieldCh" width="120" headerAlign="center" align="center" allowSort="true">中文字段名</div>
            <div field="type" width="120" headerAlign="center" align="center" allowSort="true">类型</div>
            <!--<div field="notNull" width="120" headerAlign="center" align="center" allowSort="true">不能为空</div>-->
        </div>
    </div>



    
    <script src="../js/sele.js"></script>
</body>
</html>